:root{ font-size: 1px!important;  }
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul, span { touch-action: none; padding: 0; margin: 0; box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; touch-action: none; }
address, caption, cite, code, dfn, em, th, var { font-weight: 400; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100%; }
q:after, q:before { content: ''; }
abbr, acronym { border: 0; }
div, span { /* font-family: 'Microsoft YaHei'; */ font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif; }
.cf:after, .cf:before { content: ''; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.dis_none { display: none; }
body, html { height: 100%; width: 100%; position: relative; overflow: hidden; background: #000; }
section { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; }
input, textarea, select { background: none; border: none; outline: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
:not(input, textarea) { -webkit-touch-callout: none; -webkit-user-select: none; }
.loading { background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99999; }
.loadingBox { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; width: 100%; }
.loadingBox p, span[class*='l-'] { text-align: center; font: 30rem/40rem arial; }
span[class*='l-'] { height: 30rem; width: 30rem; display: inline-block; margin: 24rem 4rem; color: #fff; border-radius: 100%; -webkit-border-radius: 100%; animation: loader 4s cubic-bezier(0.03, 0.615, 0.995, 0.415) infinite both; -webkit-animation: loader 4s cubic-bezier(0.03, 0.615, 0.995, 0.415) infinite both; }
@-webkit-keyframes loader { 0% { -webkit-transform: translate3d(-60rem, 0, 0); transform: translate3d(-60rem, 0, 0); opacity: 0; }
  25% { opacity: 1; }
  50% { -webkit-transform: translate3d(60rem, 0, 0); transform: translate3d(60rem, 0, 0); opacity: 0; }
  100% { opacity: 0; } }
@keyframes loader { 0% { -webkit-transform: translate3d(-60rem, 0, 0); transform: translate3d(-60rem, 0, 0); opacity: 0; }
  25% { opacity: 1; }
  50% { -webkit-transform: translate3d(60rem, 0, 0); transform: translate3d(60rem, 0, 0); opacity: 0; }
  100% { opacity: 0; } }
span.l-1 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; color: red; }
span.l-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
span.l-3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
span.l-4 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
span.l-5 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; color: red; }
span.l-6 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
span.l-7 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.loadroll { animation: roll360 2s infinite linear; -webkit-animation: roll360 2s infinite linear; }
.loadingBox p { font: 26rem/54rem arial; color: #fff; text-align: center; }
.loadingLine { width: 100rem; height: 6rem; border-radius: 5rem; border: solid 1rem #fff; margin: 40rem auto; overflow: hidden; display: none; }
.loadingLine > div { height: 6rem; background: #fff; width: 0%; transition: all 200ms; -webkit-transition: all 200ms; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
#musicCtrl { z-index: 20; position: fixed; display: none; }
.mLt { left: 20rem; top: 20rem; }
.mRt { right: 20rem; top: 20rem; }
.mLb { left: 20rem; bottom: 20rem; }
.mRb { right: 20rem; bottom: 20rem; }
.mAnim { -webkit-animation: mAnim 2s linear infinite; animation: mAnim 2s linear infinite; }
@-webkit-keyframes mAnim { from { -webkit-transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes mAnim { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }
.popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; }
.body { width: var(--body-width); margin: 0 auto; position: relative; }
.ce { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.mCe { position: absolute; left: 0; right: 0; margin-right: auto; margin-left: auto; }
@-webkit-keyframes flower-loader { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; }
  50% { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); -webkit-box-shadow: #fff 0 0 15rem 0, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem; box-shadow: #fff 0 0 15rem 0, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem; } }
@keyframes flower-loader { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); -moz-box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; -webkit-box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; }
  50% { -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -webkit-transform: rotate(1080deg); transform: rotate(1080deg); -moz-box-shadow: #fff 0 0 15rem 0, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem; -webkit-box-shadow: #fff 0 0 15rem 0, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem; box-shadow: #fff 0 0 15rem 0, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem; } }
.flower-loader:not(:required) { overflow: hidden; position: relative; text-indent: -9999rem; display: inline-block; width: 16rem; height: 16rem; background: #e96; border-radius: 100%; -moz-box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; -webkit-box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; box-shadow: #fff 0 0 15rem 0, #fd8 -12rem -12rem 0 4rem, #fd8 12rem -12rem 0 4rem, #fd8 12rem 12rem 0 4rem, #fd8 -12rem 12rem 0 4rem; -moz-animation: flower-loader 5s infinite ease-in-out; -webkit-animation: flower-loader 5s infinite ease-in-out; animation: flower-loader 5s infinite ease-in-out; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.popupBg { background: rgba(0, 0, 0, 0.8); }
.pop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);z-index: 10;overflow: hidden;visibility: hidden;opacity: 0;perspective: 1000rem;-webkit-perspective: 1000rem;transform-style: preserve-3d;-webkit-transform-style: preserve-3d; }

.fade-enter-active, .fade-leave-active { transition: opacity 0.5s; }
.fade-enter, .fade-leave-active { opacity: 0; }
[v-cloak] { display: none; }
.fadeAlert { position: absolute; max-width: 500rem; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50%; transform: translateY(-50%); border-radius: 5rem; background: rgba(0, 0, 0, 0.8); font-size: 24rem; color: #fff; padding: 10rem 20rem; z-index: 999999999; pointer-events: none; word-break: break-all; text-align: center; }
img { pointer-events: none;border: none;outline: none;background-clip: padding-box; }
img[class^='btn'] { pointer-events: all; }
span { border: none!important;outline: none!important;background-clip: padding-box!important; }

.loading_container{ background-color: rgba(0,0,0,0.55);z-index: 99999999; }
#dot_loading { position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;width: 6.25em;height: 6.25em;-webkit-animation: rotate 2.4s linear infinite;animation: rotate 2.4s linear infinite; }
.white { top: 0;bottom: 0;left: 0;right: 0;background: white;-webkit-animation: flash 2.4s linear infinite;animation: flash 2.4s linear infinite;opacity: 0; }
.dot { position: absolute;margin: auto;width: 2.4em;height: 2.4em;border-radius: 100%;-webkit-transition: all 1s ease;transition: all 1s ease; }
.dot:nth-child(2) { top: 0;bottom: 0;left: 0;background: #ff4444;-webkit-animation: dotsY 2.4s linear infinite;animation: dotsY 2.4s linear infinite; }
.dot:nth-child(3) { left: 0;right: 0;top: 0;background: #ffbb33;-webkit-animation: dotsX 2.4s linear infinite;animation: dotsX 2.4s linear infinite; }
.dot:nth-child(4) { top: 0;bottom: 0;right: 0;background: #99cc00;-webkit-animation: dotsY 2.4s linear infinite;animation: dotsY 2.4s linear infinite; }
.dot:nth-child(5) { left: 0;right: 0;bottom: 0;background: #33b5e5;-webkit-animation: dotsX 2.4s linear infinite;animation: dotsX 2.4s linear infinite; }
@-webkit-keyframes rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  10% {width: 6.25em;height: 6.25em;}
  66% {width: 2.4em;height: 2.4em;}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);width: 6.25em;height: 6.25em;}
}
@keyframes rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  10% {width: 6.25em;height: 6.25em;}
  66% {width: 2.4em;height: 2.4em;}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);width: 6.25em;height: 6.25em;}
}
@-webkit-keyframes dotsY {
  66% {opacity: 0.1;width: 2.4em;}
  77% {opacity: 1;width: 0;}
}
@keyframes dotsY {
  66% {opacity: 0.1;width: 2.4em;}
  77% {opacity: 1;width: 0;}
}
@-webkit-keyframes dotsX {
  66% {opacity: 0.1;height: 2.4em;}
  77% {opacity: 1;height: 0;}
}
@keyframes dotsX {
  66% {opacity: 0.1;height: 2.4em;}
  77% {opacity: 1;height: 0;}
}
@-webkit-keyframes flash {
  33% {opacity: 0;border-radius: 0%;}
  55% {opacity: 0.6;border-radius: 100%;}
  66% {opacity: 0; }
}
@keyframes flash {
  33% {opacity: 0;border-radius: 0%;}
  55% {opacity: 0.6;border-radius: 100%;}
  66% {opacity: 0; }
}

input::-webkit-input-placeholder { color: #bababa; }
input::-moz-placeholder { color: #bababa; }
input:-ms-input-placeholder { color: #bababa; }
input::-ms-input-placeholder { color: #bababa; }
input::placeholder { color: #bababa; }
.banner_mask{ mask-size: 100%;-webkit-mask-size: 100%; }
.banner_mask:after { position: absolute; left: -50%; top: -10%; width: 30%; height: 100%; content: ''; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 214, 71, 0)), color-stop(50%, rgba(231,180,253,1)), to(rgba(255, 214, 71, 0))); background: linear-gradient(left, rgba(255, 214, 71, 0) 0, rgba(231,180,253,1) 50%, rgba(255, 214, 71, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 214, 71, 0) 0, rgba(231,180,253,1) 50%, rgba(255, 214, 71, 0) 100%); transform: skew(-40deg); -webkit-transform: skew(-40deg); animation: banner_mask_lights 3s linear both infinite; -webkit-animation: banner_mask_lights 3s linear both infinite; }

@keyframes banner_mask_lights { 100% { left: 150%; } }
@-webkit-keyframes banner_mask_lights { 100% { left: 150%; } }
dot { display: inline-block; height: 1em; line-height: 1em; margin-left: 5rem; overflow: hidden; }
dot::before { display: block; content: '...\A..\A.'; white-space: pre-wrap; animation: dot 0.6s step-start both infinite;-webkit-animation: dot 0.6s step-start both infinite; }
@keyframes dot {
  33% { transform: translateY(-2em); }
  66% { transform: translateY(-1em); }
}
@-webkit-keyframes dot {
  33% { transform: translateY(-2em); }
  66% { transform: translateY(-1em); }
}
.gray_btn { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
.ungetsmscode { filter: grayscale(95%); -webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); -ms-filter: grayscale(95%); -o-filter: grayscale(95%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(0.95); }
.page_content { position: absolute; width: 100%; height: var(--body-height); top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.pages { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.relative { position: relative; }
.absolute { position: absolute; }
.top0{ top: 0; }
.bottom0{ bottom: 0; }
.left0{ left: 0; }
.right0{ right: 0; }
.border { border: 1rem red solid; }
.flex { display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; }
.flex_row_reverse { flex-direction: row-reverse; -ms-flex-direction: row-reverse; }
.flex_wrap { flex-wrap: wrap; }
.flex_shrink_0{ flex-shrink: 0; }
.flex_1{ flex: 1; }
.column { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; }
.justify_center { justify-content: center; -webkit-justify-content: center; }
.justify_start { justify-content: flex-start; -webkit-justify-content: flex-start; }
.justify_end { justify-content: flex-end; -webkit-justify-content: flex-end; }
.align_center { align-items: center; -webkit-align-items: center; }
.align_start { align-items: flex-start; -webkit-align-items: flex-start; }
.align_end { align-items: flex-end;-webkit-align-items: flex-end; }
.align_self_center{ align-self: center;-webkit-align-self: center; }
.align_self_start{ align-self: flex-start;-webkit-align-self: flex-start; }
.align_self_end{ align-self: flex-end;-webkit-align-self: flex-end; }
.space_between { justify-content: space-between; -webkit-justify-content: space-between; }
.space_around { justify-content: space-around; -webkit-justify-content: space-around; }
.space_evenly { justify-content: space-evenly; -webkit-justify-content: space-evenly; }

.background_100 { background-size: 100% 100%; }
.scroll img{ display: block;max-width: 100%; }
.linear{ animation-timing-function: linear;-webkit-animation-timing-function: linear; }
.hide_display{ display: none; }
.hide_auto_alpha{ visibility: hidden;opacity: 0;}
.font_weight{ font-weight: bold; }
.font_normal{ font-weight: normal; }
.object_fit_contain{ object-fit: contain; }
.background_fit_contain{ background-size: contain; }
.object_fit_cover{ object-fit: cover; }
.background_fit_cover{ background-size: cover; }
.text_align_center{ text-align: center; }
.border_radius_50percent{ border-radius: 50%; }
.overflow_hidden{ overflow: hidden; }
.overflow_unset{ overflow: unset; }
.text_overflow{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.text_multi_overflow{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: var(--line-clamp);-webkit-box-orient: vertical;word-break: break-all; }
.hcenter{ left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.width_100{ width: 100%; }
.height_100{ height: 100%; }
.block{ display: block; }
.inline{ display: inline!important; }
.width_fit_content{ width: fit-content;width: -webkit-fit-content; }
.height_fit_content{ height: fit-content;height: -webkit-fit-content; }
.pointer_events_none{ pointer-events: none; }
.pointer_events_all{ pointer-events: all; }
.btn{ pointer-events: all; }
.break_all{ word-break: break-all; }
.nowrap{ white-space: nowrap; }

.ml_auto{ margin-left: auto; }
.mt_auto{ margin-top: auto; }
.h_center{ margin-left:auto;margin-right: auto; }

:root{ --line-clamp: 2; }
.btn_close{ top: 100%; }
.bscroll-vertical-scrollbar{ z-index: 50!important; }
.opacity_0{ opacity: 0; }

.pop .btn_close{ visibility: hidden;opacity: 0; }

#app{ overflow: initial !important; }

.background_size_cover,
.ir{ background-size: cover;background-repeat: no-repeat;background-position: center center; }

.background_size_contain{ background-size: contain;background-repeat: no-repeat;background-position: center center; }

.loading_logo{ background-color: rgba(0,0,0,0.85);z-index: 99999999; }
.loading_logo .wait_dot{ animation: wait_dot 0.6s infinite both alternate;-webkit-animation: wait_dot 0.6s infinite both alternate; }
.loading_logo .wait_dot.two{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.loading_logo .wait_dot.three{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
@keyframes wait_dot {
  100%{ -webkit-transform: translateY(-20rem); transform: translateY(-20rem); }
}
@-webkit-keyframes wait_dot {
  100%{ -webkit-transform: translateY(-20rem);  }
}
.logo_img{ max-width: 600rem;max-height:900rem;-o-object-fit: contain;object-fit: contain; }